﻿html, body {
	position:relative;
    width:100%;
    height:100%;
	overflow:hidden;
	font-size:8pt;
	font-family: Verdana, sans-serif;
	margin:0;
	padding:0;
	color:#333333;
}

.myMap {
    width:100%;
    height:100%;
}

.beta {
	color:Red;
}
.nowrap {
	white-space:nowrap;
}

/* for the "splash" screen (i.e. the white popup alert box) */
.mySplash {
    position:absolute;
	top:78px;
	left:200px;
	width:400px;
	height:400px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/splash.png', enabled=true);
    background: url(images/splash.png) no-repeat;
}

.splashInner {
    position:absolute;
	top:78px;
	left:200px;
	padding:66px 66px 36px 66px;
	width:268px;
	height:298px;
	color:#666666;
	font-family: "Segoe UI", Verdana, sans-serif;
}

.splashInner p{
	margin:2px 0px 5px 0px;
}

.splashInner .splashTitle {
	position:relative;
	height:110px;
	color:#006666;
	font-size:3em;
	font-family:"Segoe Light", "Segoe UI", Verdana, sans-serif;
}
.splashInner .splashText {
	position:relative;
	height:158px;
	overflow:auto;
}
.splashInner .splashButton {
	position:relative;
	margin-top:5px;
	text-align:center;
}
.splashInner .splashButton button{
	position:relative;
	padding:0px 5px;
}

#ContactsControl {
    border:         solid 1px #cccccc;
    background:     white;
    position:       absolute;
	top:-306px;
	width:200px;
	height:300px;

    filter:         alpha(opacity=90);
    -moz-opacity:   0.9;
    opacity:        0.9;
}

.myHeader {
	visibility:hidden;
    position:       absolute;
	top:0px;
	left:0px;
    height:         94px;
    width:          100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='images/gradtop.png');
    background: url(images/gradtop.png) repeat-x;
}



.controlPanel {
    position:absolute;
    display:block;
	top:0px;
	left:400px;

}

.myLogo {
	visibility:hidden;
	position:relative;
	width:358px;
	height:86px;
	margin:5px 0px 0px 5px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/partystartlogo-large.png');
    background: url(images/partystartlogo-large.png) no-repeat;
}

.myPlaces {
	visibility:hidden;
    border:solid 1px #cccccc;
    background:white;
    position:absolute;
	top:94px;
	left:800px;
	width:170px;
    filter:         alpha(opacity=90);
    opacity:        0.9;
    -moz-opacity:   0.9;
}

.myPlaces dl {
	padding:5px;
	margin:0px;
}
.myPlaces dd {
	padding:0px;
	margin:0px;
}
.myPlaces dd .count{
	color:#666666;
	padding-left:3px;
	font-size:.8em;
}
.myPlaces .title {
	padding:2px 5px 2px 5px;
	border-bottom:solid 1px #cccccc;
	font-weight:bold;
}
.myPlaces .buttons {
	text-align:center;
	padding:2px 5px 5px 5px;
}
.myPlaces .buttons button {
	padding:0px 5px;
}
.myPlaces .textbox {
	border:solid 1px #9CDEF6;
	padding:0px 3px;
	width:120px;
	margin-left:25px;
}

#find {
	text-indent:22px;
	display:block;
	position:relative;
	height:18px;
	background: url(images/find.png) no-repeat;
	margin-bottom:5px;
}

/* push pin common style */
.pushpinCommon {
	position:absolute;
	top:-20px; /*offset to get the pin accurate */
	left:8px;
	display:block;
	width:30px; /* all pushpins are the same size */
	height:36px;
}

/* icon for Contacts */
.contactPushpin {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/contact.png');
    background: url(images/contact.png) no-repeat;
}
/* icon for Restaurants */
.restaurantPushpin {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/iconRestaurant.png');
    background: url(images/iconRestaurant.png) no-repeat;
}
/* icon for Bars and Lounges */
.barPushpin {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/iconBeer.png');
    background: url(images/iconBeer.png) no-repeat;
}
/* icon for Restaurants */
.coffeePushpin {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/iconCoffee.png');
    background: url(images/iconCoffee.png) no-repeat;
}
/* icon for Bowling Alleys */
.bowlingPushpin {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/iconBowling.png');
    background: url(images/iconBowling.png) no-repeat;
}
/* icon for Movie Theaters */
.theaterPushpin {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/iconTheater.png');
    background: url(images/iconTheater.png) no-repeat;
}
/* icon for "Other" */
.otherPushpin {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/iconRedtack.png');
    background: url(images/iconRedtack.png) no-repeat;
}
/* icon for "Destination" */
.destinationPushpin {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='images/iconStar.png');
    background: url(images/iconStar.png) no-repeat;
}



.placePushpinTitle,
.contactPushpinTitle {
	border-bottom:solid 1px #006666;
	margin:0;
	color:#000000;
	font-size:.85em;
	padding-bottom:5px;
	font-weight:bold;
}

.placePushpinDescription,
.contactPushpinDescription {
	margin:5px 0px 0px 0px;
	font-size:.85em;
	color:#666666;
}

.placePushpinDescription input {
	margin-top:5px;
}

.splashInner .oopsTitle {
	margin-top:5px;
}
.splashInner .oopsName {
	margin-top:5px;
	font-weight:bold;
}
.splashInner .oopsDesc {
	font-size:.8em;
}

/* browser does NOT support png alpha natively (IE6) */
.browserNoAlpha {
	visibility:visible;
	background:none;
}
/* browser supports png alpha natively (Firefox & IE7) */
.browserAlpha {
	visibility:visible;
    filter:none;
}

.ero-previewArea .ero-actions {
	display:none!important;
}
.ero-previewArea p {
}

#butContacts {
	position:absolute;
	top:20px;
}
#butContacts img{
	border:none;
	background: url(images/reselect-contacts.png) no-repeat;
	width:99px;
	height:32px;
	display:block;	
}

.butContactsOn {
	display:block;
}
.butContactsOff {
	display:none;
}
